.pt40{padding-top: 40px;}
.mt40{margin-top: 40px;}
.w100{width: 100px;}
.w80{width: 80px;}
.tr{text-align: right;}
.c_redorange{color: #e97957;}
.product_bodybg{background: #f4f4f4;}
.section-small-title{border-left: 10px solid #1480e2; padding-left: 10px; font-size: 16px; color: #000; letter-spacing: 0.5px; margin: 60px 0 30px;}
.monitor-box{margin: 0 30px;}
.monitor-item{float: left; width: calc(50% - 80px); border-radius: 15px; padding: 15px 20px; }
.monitor-box .monitor-item:first-child{margin-right: 40px; background: #525e82;}
.monitor-box .monitor-item:last-child{margin-left: 40px; background: #229f98;}
.monitor-num{display: inline-block; width: 44px; height: 44px; line-height: 44px; border-radius: 44px; background: #fff; color: #525e82; font-family: Impact; text-align: center; font-size: 28px;}
.monitor-title{font-size: 15px; font-weight: 600; line-height: 44px; color: #fff; vertical-align: top; letter-spacing: 1px; margin-left: 10px;}
.monitor-cntbox{margin-top: 10px;}
.monitor-cntbox li{display: inline-block; vertical-align: top; width: 145px; height: 36px; line-height: 36px; border-radius: 20px; background: #fff; margin: 5px 7px; text-align: center;}
.monitor-img img{width: 100%; margin-top: -43px;}
.monitor-img2{margin-top: 30px; text-align: center;}
.monitor-img2 img{width: 65%;}
.monitor-button{margin: 10px 0;}
.monitor-btn{display: inline-block; padding: 8px 22px; background: #1b1d35; color: #fff; border-radius: 22px; font-size: 18px; text-decoration: none;}
.monitor-btn:hover{cursor: default;}
.monitor-btn.black{background: #1b1d35;}
.monitor-btn.green{background: #12ac8d;}
.monitor-btn.violet{background: #7f3cb3;}
.monitor-btn.blue{background: #3492da;}
.monitor-secbox{margin-bottom: 20px; margin-top: 20px; padding: 15px 15px 10px; width: calc(100% - 30px); background: #e7ebf1; border-radius: 5px;}
.monitor-secimg{width: calc(100% - 300px);}
.monitor-secimg img{width: 100%;}
.monitor-secnt{width: 280px; padding: 10px;}
.secnt-icon1{display: inline-block; width: 48px; height: 48px; background: url(../images/static-images/static-icon1.png) no-repeat; background-size: 100%; }
.secnt-icon2{display: inline-block; width: 48px; height: 48px; background: url(../images/static-images/static-icon2.png) no-repeat; background-size: 100%; }
.secnt-icon3{display: inline-block; width: 72px; height: 48px; background: url(../images/static-images/static-icon3.png) no-repeat; background-size: 100%; }
.secnt-jticon{display: inline-block; width: 27px; height: 16px; background: url(../images/static-images/static-icon4.png) no-repeat; background-size: 100%; }
.monitor-secnt-icon{text-align: center;}
.monitor-secnt-icon p.secnt-title{color: #3da4dd; margin: 5px 0 20px; font-size: 18px; font-weight: 600; letter-spacing: 1px;}
.monitor-secnt-icon p.secnt-text{color: #000; max-width: 200px; margin: 0 auto; text-align: left;}
.monitor-secnt-jt{margin: 20px 0; text-align: center;}
.monitor-secntitem{position: absolute; width: 246px; height: 270px; top: 50%; right: 35px; margin-top: -135px; }
.monitor-secnt.fl .monitor-secntitem{right: auto; left: 35px;}
.section-maxwidth{max-width: 600px; margin: 0 auto;}
.section-maxwidth.mt40{margin-top: 40px;}
.section-redtitle{color: #ff0000; margin-top: 15px;}
.static-ledicon{display: inline-block; width: 22px; height: 22px; margin-right: 5px; background: url(../images/static-images/static-ledicon.png) no-repeat; background-size: 100%; vertical-align: -5px;}
.triv-box{width: calc(100% - 10px); padding: 5px; background: #5583ab; border-radius: 3px;}
.triv-box-left{width: 37%; float: left;}
.triv-box-middle{width: 20%; float: left;}
.triv-box-right{width: 43%; float: left; padding: 2px 0 0;}
.triv-box-left img{width: 100%;}
.triv-box-middle img{width: 100%; margin-top: 90px;}
.triv-box-right img{width: 100%;}
.triv-spantit{position: absolute; display: inline-block; width: 110px; height: 32px; line-height: 32px; left: 50%; top:2px; margin-left: -55px; border-radius: 0 0 3px 3px; color: #fff; text-align: center;}
.triv-spantit.red{background: #d87070;}
.triv-spantit.green{background: #47b695;}
.triv-spantit.blue{background: #5583ab; width: 140px; margin-left: -70px;}
.triv-imgbox img{width: 100%;}
.automation-box li{float: left; width: calc(50% - 88px); padding: 20px; border-radius: 5px; border: 1px solid #dedede;}
.automation-box li:nth-child(1){margin: 0 15px 30px 30px;}
.automation-box li:nth-child(2){margin: 0 30px 30px 15px;}
.automation-box li:nth-child(3){margin: 0 15px 30px 30px;}
.automation-box li:nth-child(4){margin: 0 30px 30px 15px;}
.automation-icon{margin: 10px 0; text-align: center; height: 60px;}
.automation-icon .icon1{display: inline-block; width: 57px; height: 60px; background: url(../images/static-images/automation-icon1.png) no-repeat; background-size: 100%;}
.automation-icon .icon2{display: inline-block; width: 58px; height: 55px; background: url(../images/static-images/automation-icon2.png) no-repeat; background-size: 100%;}
.automation-icon .icon3{display: inline-block; width: 60px; height: 45px; background: url(../images/static-images/automation-icon3.png) no-repeat; background-size: 100%; margin-top: 7px;}
.automation-icon .icon4{display: inline-block; width: 60px; height: 60px; background: url(../images/static-images/automation-icon4.png) no-repeat; background-size: 100%;}
.automation-title{width: 100%; text-align: center; margin: 10px 0; font-size: 16px; font-weight: 600; letter-spacing: 0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.automation-cnt{height: 55px; max-width: 400px; margin: 10px auto;}
.automation-button{margin: 10px 0; text-align: center;}
.automation-btn{display: inline-block; padding: 7px 20px; border-radius: 3px; background: #3354cb; color: #fff; text-decoration: none;}
.automation-btn:hover{opacity: 0.85;}
.applyscene_left{float: left; width: calc(66% - 4px);}
.applyscene_left img{width: 100%;}
.applyscene_right{float: right; width: 34%; margin-left: 4px;}
.applyscene_rightimg img{width: 97%}
.applyscene_rightimg{position: relative;}
.scene-btn{position: absolute; top: 50%; left: 50%; margin-top: -23px; margin-left: -70px; width: 130px; height: 46px; line-height: 46px; color: #fff; background: rgba(100,214,186,0.8); border-radius: 3px; text-align: center; font-size: 18px; font-weight: 500; letter-spacing: 0.8px; box-shadow: rgba(255, 255, 255, 0.62) 0px 0px 0px 5px;}
.scene-btn.blue{background: rgba(71,119,191,0.8);}
.strategy-box{display: flex; display: -webkit-flex; margin: 0 30px;}
.strategy-itembox{display: flex; display: -webkit-flex; width: 35%;}
.strategy-item{flex:1; text-align:left; position: relative; padding: 40px 25px; color: #fff; vertical-align: middle; border-radius: 5px; font-size: 15px; letter-spacing: 1px}
.strategy-itembox .strategy-item:first-child{margin-right: 60px;}
.strategy-icon{display: inline-block; position: absolute; right: -47px; top: 50%; margin-top: -23px; width: 30px; height: 46px; background: url(../images/static-images/strategy-icon.png) no-repeat; background-size: 100%;}
.strategy-icon1{display: inline-block; position: absolute; left: -44px; top: 50%; margin-top: -23px; width: 30px; height: 46px; background: url(../images/static-images/strategy-icon.png) no-repeat; background-size: 100%;}
.strategy-item.blue{background: #3196ee;}
.strategy-item.sblue{background: #5583ab;}
.strategy-itemcnt{width: 40%; position: relative; text-align: center; margin: 0 60px; padding: 30px 25px; color: #fff; border-radius: 5px; font-size: 15px; letter-spacing: 1px; background: #86a4b9;}
.strategy-title{font-size: 16px; font-weight: 600; letter-spacing: 0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.strategy-titlecnt{margin-top: 25px;}
.strategy-titlecnt img{width: 65%; margin: 0 auto;}
.strategy-itemcircle{width: 25%; position: relative; background: url(../images/static-images/strategy-img2.png) no-repeat; background-size: 80%; background-position: center;}
.strategy-itemcircle span{color: #5583ab; font-size: 16px; line-height: 1.5; position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -32px;}
.section-redsmalltitle{padding-left: 22px; color: #e97957; margin: -20px 0 10px;}
.standard-box{margin: 40px 0; text-align: center;}
.standard-box img{width: 80%;}
.dataserver-box{background: url(../images/static-images/dateserver-bg.png) no-repeat; background-position: center center; margin: 40px 0 60px;}
.dataserver-item{position: relative; width: 160px; height: 85px; float: left; padding: 10px; border: 1px solid #dedede; border-radius: 5px; background: #fff;}
.dataserver-item:before{position: absolute; content: ''; bottom: -60px; left: calc(50% - 1px); border-left: 2px solid #dedede; height: 60px;}
.dataserver-item:after{position: absolute; content: ''; bottom: -69px; left: calc(50% - 8px); width: 16px; height: 16px; border-radius: 16px; background: #73c473;}
.dataserver-item p{font-size: 16px; font-weight: 600; letter-spacing: 0.6px;}
.dataserver-itemtop .dataserver-item:first-child{margin: 0 210px 60px 270px;}
.dataserver-itemtop .dataserver-item:first-child p.dataserver-itemtit{position: absolute; bottom: -100px; left: 20px;}
.dataserver-itemtop .dataserver-item:last-child{margin: 0 0 60px;}
.dataserver-itemtop .dataserver-item:last-child p.dataserver-itemtit{position: absolute; bottom: -100px; left: 40px;}
.dataserver-itemtop .dataserver-item:last-child:after{background: #5d9dc5;}
.dataserver-itemtop{position: relative; border-bottom: 2px solid #dedede; margin: 0 30px;}
.dataserver-itemtop:after{position: absolute; content: ''; right: 0; bottom: -12px; border-width: 12px 0 12px 20px; border-style:solid; border-color:transparent transparent transparent #ccc;}
.dataserver-itembottom .dataserver-item{margin: 60px 0 0;}
.dataserver-itembottom .dataserver-item:nth-child(1){margin: 60px 0 0 108px;}
.dataserver-itembottom .dataserver-item:nth-child(2){margin: 60px 208px 0;}
.dataserver-itembottom .dataserver-item:before{top: -60px; bottom: auto;}
.dataserver-itembottom .dataserver-item:after{top: -69px; bottom: auto;}
.dataserver-itembottom .dataserver-item:nth-child(1):after{background: #50d8b0;}
.dataserver-itembottom .dataserver-item:nth-child(2):after{background: #5dc5ae;}
.dataserver-itembottom .dataserver-item:nth-child(3):after{background: #59b6f0;}
.dataserver-itembottom .dataserver-item:nth-child(1) p.dataserver-itemtit{position: absolute; top: -100px; left: 20px;}
.dataserver-itembottom .dataserver-item:nth-child(2) p.dataserver-itemtit{position: absolute; top: -100px; left: 20px;}
.dataserver-itembottom .dataserver-item:nth-child(3) p.dataserver-itemtit{position: absolute; top: -100px; left: 40px;}
.dataserver-phonebox{display: none;}
.uservalue-box li{float: left; width: calc(50% - 40px); margin: 10px 20px;}
.uservalue-box li .uservalue-img{float: left; width: 100px; margin-right: 20px;}
.uservalue-box li .uservalue-cnt{float: left; width: calc(100% - 120px); max-width: 300px; margin-top: 10px;}
.uservalue-img .uservalue-icon{display: inline-block; width: 100px; height: 100px;}
.uservalue-icon1{background: url(../images/static-images/uservalue-icon1.png) no-repeat; background-size: 100%;}
.uservalue-icon2{background: url(../images/static-images/uservalue-icon2.png) no-repeat; background-size: 100%;}
.uservalue-icon3{background: url(../images/static-images/uservalue-icon3.png) no-repeat; background-size: 100%;}
.uservalue-icon4{background: url(../images/static-images/uservalue-icon4.png) no-repeat; background-size: 100%;}
.uservalue-boxexplain{color: #e97957; margin-top: 10px; letter-spacing: 0.2px}
.uservalue-boxexplain i{display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: -2px; background: url(../images/static-images/uservalue-iconled.png) no-repeat; background-size: 100%;}	
.section-localization{position: relative; padding: 40px 0 60px; color: #fff; background: url(../images/static-images/localization-bg.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.localization-box{margin: 50px auto 0; max-width: 800px;}
.localization-item{border: 1px solid rgba(180,180,180,0.6); border-radius: 2px; padding:1px 1px 0; background: rgba(0,20,32,0.34); line-height: 1;}
.localization-item:first-child{margin-bottom: 30px;}
.localization-img{width: 350px; line-height: 0.9;}
.localization-img img{width: 100%;}
.localization-cnt{width: calc(100% - 410px); padding: 20px 30px; color: #fff; font-size: 16px; letter-spacing: 1px;}
.localization-cnt p{max-width: 290px; line-height: 30px; margin-top: 30px;}
.section-localization .section4-title{color: #fff;}
.userserver-box{margin-top: 40px;}
.userserver-icon{height: 80px; margin-bottom: 20px;}
.userserver-icon .userserver-icon1{display: inline-block; width: 93px; height: 80px; background: url(../images/static-images/userserver-icon1.png) no-repeat; background-size: 100%;}
.userserver-icon .userserver-icon2{display: inline-block; width: 66px; height: 70px; background: url(../images/static-images/userserver-icon2.png) no-repeat; background-size: 100%;}
.userserver-icon .userserver-icon3{display: inline-block; width: 74px; height: 70px; background: url(../images/static-images/userserver-icon3.png) no-repeat; background-size: 100%;}
.userserver-itemtitle{font-size: 18px; color: #000;}
.userserver-itemtxt{max-width: 250px; margin: 20px auto 0;text-align: center; line-height: 22px;}
.userserver-box li{width: calc(33.33333% - 40px); margin: 20px; float: left; text-align: center;}
.userserver-explain{text-align: center; font-size: 15px; padding: 10px 60px; margin: 20px auto; max-width: 700px; line-height: 22px; border-radius: 5px; background: #7f8995; color: #fff;}
.news-img{max-width: 500px; margin: 10px auto;}
.news-logoimg{margin: 20px 10px 10px 60px;}
.news-logoimg img{width: 250px;}
.level-tabletit{font-weight: 600;}
.level-tabletit.fz15{font-size: 15px;}
.edition-tablebox.level-tableitem{border-top: 0; min-width: 900px;}
.level-tablebox{min-width: 100%;  overflow-y: auto;}
.level-tabletit.title-blue{color: #47acc4;}
.title-orange{color: #e97957;}
.level-tabletit i{display: inline-block; margin-right: 3px; width: 16px; height: 16px; vertical-align: -3px;}
.user-v1{background: url(../images/static-images/v1.png) no-repeat; background-size: 100%;}
.user-v2{background: url(../images/static-images/v2.png) no-repeat; background-size: 100%;}
.user-v3{background: url(../images/static-images/v3.png) no-repeat; background-size: 100%;}
.user-v4{background: url(../images/static-images/v4.png) no-repeat; background-size: 100%;}
.user-v5{background: url(../images/static-images/v5.png) no-repeat; background-size: 100%;}
.user-v6{background: url(../images/static-images/v6.png) no-repeat; background-size: 100%;}
td.vt{vertical-align: top; text-align: left!important;}
.product-location{max-width: 1000px; margin: 0 auto;}
.product-txtitem{font-size: 15px; color: #333; line-height: 1.8; text-indent: 30px;}
.product-txtbg{width: 100%; height: 245px; padding-bottom: 50px; background: url(../images/product/btso/product-titbg.png) no-repeat; background-size: 100%;}
.product-txtbg img{width: 139px; margin: 0 auto;}
.product-txtlogo{text-align: center; margin-top: 50px;}
.product-txtbg h2{letter-spacing: 1px;}
.product-intro{padding: 30px 20px; margin-top: 10px; border: 3px dashed #dedede; border-radius: 10px; font-size: 15px; line-height: 2.2; text-indent: 30px; background: #f6f6f6;}
.text-orange{color: #e48e1a;}
.text-blue{color: #49baee;}
.product-introitem{margin-top: 40px;}
.product-introimg img{border-radius: 15px 15px 0 0; width: 100%;}
.product-introtxt{position: absolute; right: 40px; top: 60px;}
.product-introtxt p{color: #fff; font-size: 24px; letter-spacing: 1px; line-height: 1.8;}
.product-checkbox{width: 780px; margin: -70px auto 20px; background: rgba(255,255,255,0.6); border-radius: 10px; padding: 30px; box-shadow: 0px 3px 5px #ddd;}
.product-checkbox li{border: 3px solid #bfc7e4; border-radius: 5px; padding: 15px 10px; background: #fff; font-size: 14px; margin: 5px 0; }
.product-checkbox li i.check-icons{position: relative; display: inline-block; width: 18px; height: 18px; border: 2px solid #bfc7e4; border-radius: 3px; vertical-align: -6px; margin-right: 8px; background: #ebedf5;}
.product-checkbox li i.check-icons:before{position: absolute; width: 24px; height: 24px; top: -6px; left: -3px; content: ''; background: url(../images/product/btso/check.png) no-repeat; background-size: 100%;}
.product-location-tit{position: relative; margin-bottom: 30px; font-size: 24px; color: #000; letter-spacing: 0; text-align: center; font-weight: 500; border-bottom: 1px solid #ccc; padding-top: 30px; line-height: 2.4;}
.product-location-tit:before{position: absolute;content: ''; width: 60px; height: 3px; bottom: -2px; left: 50%; margin-left: -30px; background: linear-gradient(to right, #51aeb9, #8b81c7); background: -webkit-linear-gradient(to right, #51aeb9, #8b81c7); background: -o-linear-gradient(to right, #51aeb9, #8b81c7); background: -moz-linear-gradient(to right, #51aeb9, #8b81c7);}
.product-location-alarm{padding: 10px 20px; max-width: 500px; border-radius: 5px; background: #fff0e3; color: #000; font-size: 14px; font-weight: 600;}
.product-location-alarm i{display: inline-block; width: 22px; height: 22px; background: url(../images/product/btso/led.png) no-repeat; background-size: 100%; vertical-align: -5px; margin-right: 10px;}
.product-alarm-left{float: left; width: 60%; margin-right: 10px;}
.product-alarm-right{float: left; width: calc(40% - 10px); }
.product-alarm-right img{max-width: 100%;}
.product-alarm-box .product-alarm-item{width: calc(50% - 5px); float: left;}
.product-alarm-item h3{display: inline-block; padding: 2px 10px; background: #8495e3; color: #fff; font-size: 13px; font-weight: normal; border-radius: 3px; margin-bottom: 10px;}
.product-alarm-tit{font-size: 14px; color: #000; font-weight: 600;}
.product-alarm-item p{line-height: 26px; padding-left: 10px;}
.product-alarm-item p i{color: #8495e3; font-size: 12px; margin-right: 5px;}
.product-advantage-vedio video{background: #d4d6e3;}
.product-advantage-item{margin: 0 20px;}
.advantage-item-text{float: left; margin-top: 20px; border: 5px solid #ebebeb; border-radius: 5px; padding: 20px; line-height: 1.8; text-indent: 30px; position: relative;}
.advantage-item-text span{font-size: 16px; font-weight: 600;}
.advantage-item-text.advantage-width{width: calc((100% - 470px)/2); }
.advantage-item-text.advantage-margin{margin: 20px 40px;}
.advantage-item-img{width: 330px; margin: 0 20px; float: left;}
.advantage-item-img img{width: 100%;}
.span-green{color: #5ba077;}
.span-blue{color: #5d7add;}
.span-sblue{color: #3c9cca;}
.advantage-item-text.advantage-margin:before{position: absolute; content: ''; width: 16px; height: 16px; border-radius: 16px; left: 50%; top: -14px; margin-left: -12px; border: 4px solid #ebebeb; background: #3c9cca;}
.advantage-item-text.advantage-margin:after{position: absolute; content: ''; width: 2px; height: 60px; background: #3c9cca; top: -65px; left: 50%; margin-left: -1px;}
.point-left{position: absolute; top: -14px; right: -12px; width: 16px; height: 16px; border-radius: 16px; border: 4px solid #ebebeb; background: #5ba077;}
.advantage-item-left:before{position: absolute; content: ''; width: 64px; height: 2px; background: #5ba077; right: -75px; top:-2px;}
.advantage-item-left:after{position: absolute; content: ''; width: 40px; height: 2px; background: #5ba077; right: -110px; top:10px; -webkit-transform: rotate(38deg); transform: rotate(38deg);}
.point-right{position: absolute; top: -14px; left: -12px; width: 16px; height: 16px; border-radius: 16px; border: 4px solid #ebebeb; background: #5d7add;}
.advantage-item-right:before{position: absolute; content: ''; width: 64px; height: 2px; background: #5d7add; left: -75px; top:-2px;}
.advantage-item-right:after{position: absolute; content: ''; width: 40px; height: 2px; background: #5d7add; left: -110px; top:10px; -webkit-transform: rotate(142deg); transform: rotate(142deg);}
.advantage-img-icon1{position: absolute; top: 116px; left: 72px; text-align: center;}
.advantage-img-icon1 i{display: inline-block; width: 32px; height: 30px; background: url(../images/product/btso/head-icon1.png) no-repeat; background-size: 100%;}
p.advantage-img-tit{font-size: 16px; color: #fff; font-weight: 500; margin-top: 10px;}
.advantage-img-icon2{position: absolute; top: 116px; right: 72px; text-align: center;}
.advantage-img-icon2 i{display: inline-block; width: 32px; height: 30px; background: url(../images/product/btso/head-icon2.png) no-repeat; background-size: 100%;}
.advantage-img-icon3{position: absolute; width: 100%; bottom: 116px; left:0; text-align: center;}
.advantage-img-icon3 i{display: inline-block; width: 32px; height: 30px; background: url(../images/product/btso/head-icon2.png) no-repeat; background-size: 100%;}
@media (max-width: 1279px){
	.monitor-cntbox li{width: 120px;}
	.strategy-itembox{width: 40%}
	.strategy-itemcnt{width: 35%;}
	.strategy-itemcircle{width: 25%;}
}
@media (max-width: 1199px){
	.monitor-box{margin: 0;}
	.monitor-item{float: left; width: calc(50% - 50px); }
	.monitor-box .monitor-item:first-child{margin-right: 10px;}
	.monitor-box .monitor-item:last-child{margin-left: 10px;}
	.monitor-img img{margin-top: -12px;}
	.dataserver-itemtop .dataserver-item:first-child{margin: 0 136px 60px 176px;}
	.dataserver-itembottom .dataserver-item:nth-child(1){margin: 60px 0 0 30px;}
	.dataserver-itembottom .dataserver-item:nth-child(2){margin: 60px 150px 0;}
}
@media (max-width: 992px){
	.monitor-item{height: 284px;}
	.strategy-box{display: block; display: -webkit-block; margin: 0 30px;}
	.strategy-itembox{display: block; display: -webkit-block; width: 300px; margin: 0 auto;}
	.strategy-item{flex:none; }
	.strategy-itembox .strategy-item:first-child{margin:0 0 60px 0;}
	.strategy-icon{display: inline-block; position: absolute; left: 50%; bottom: -45px; top:auto; margin-left: -23px; width: 46px; height: 30px; background: url(../images/static-images/strategy-icon2.png) no-repeat; background-size: 100%;}
	.strategy-icon1{display: inline-block; position: absolute; left: 50%; bottom: auto; top:-20px; margin-left: -23px; width: 46px; height: 30px; background: url(../images/static-images/strategy-icon2.png) no-repeat; background-size: 100%;}
	.strategy-itemcnt{width: 250px; margin: 60px auto;}
	.strategy-itemcircle{width: 300px; height: 230px; margin: -20px auto 0; background-size: 60%;}
	.dataserver-webbox{display: none;}
	.dataserver-phonebox{display: block;}
	.dataserver-phoneul{position: relative; width: 300px; margin: 20px auto; padding: 50px 0 10px; border-left: 2px solid #dedede;}
	.dataserver-phoneul li{position: relative; width: 218px; height: 58px; float: right; padding: 10px; margin-bottom: 40px; border: 1px solid #dedede; border-radius: 5px; background: #fff;}
	.dataserver-phoneul li:before{position: absolute; content: ''; top: 41px; left: -60px; border-top: 2px solid #dedede; width: 60px;}
	.dataserver-phoneul li:after{position: absolute; content: ''; top: 34px; left: -69px; width: 16px; height: 16px; border-radius: 16px; background: #73c473;}
	.dataserver-phoneul li .dataserver-phonetit{font-size: 16px; font-weight: 600; letter-spacing: 0.6px; position: absolute; top: -25px;}
	.dataserver-phoneul:after{position: absolute; content: ''; left: -12px; bottom: -12px; border-width: 12px 12px 0; border-style:solid; border-color:#ccc transparent transparent;}
	.container.level-container{width: auto;}
}
@media (max-width: 767px){
	.monitor-cntbox li{width: 90px; font-size: 13px;}
	.monitor-img2 img{width: 90%;}
	.monitor-secimg{width: 100%;}
	.monitor-secnt{width: calc(100% - 20px); padding: 10px;}
	.monitor-secntitem{position: static; width: 250px; height: auto; top: auto; right: auto; margin: 0 auto; }
	.triv-box-left{width: auto; float: none;}
	.triv-box-middle{width: auto; float: none;}
	.triv-box-right{width: auto; float: none; padding: 0;}
	.automation-box li{float: left; width: calc(100% - 72px); margin: 15px; padding: 20px; border-radius: 5px; border: 1px solid #dedede;}
	.automation-box li:nth-child(1){margin: 15px;}
	.automation-box li:nth-child(2){margin: 15px;}
	.automation-box li:nth-child(3){margin: 15px;}
	.automation-box li:nth-child(4){margin: 15px;}
	.applyscene_left{float: left; width: 100%;}
	.applyscene_right{float: right; width: 100%; margin-left: 0;}
	.applyscene_rightimg img{width: 100%}
	.userserver-explain{padding: 10px 15px; font-size: 14px;}
	.container.level-container{width: auto;}
}
@media (max-width: 737px){
	.uservalue-box li{float: none; width: calc(100% - 40px);}
	.uservalue-box li .uservalue-cnt{max-width: calc(100% - 120px);}
	.localization-cnt p{margin-top: 10px;}
}
@media (max-width: 620px){
	.localization-item{max-width: 300px; margin: 0 auto;}
	.localization-item:first-child{margin-bottom: 30px;}
	.localization-img{float: none; width: 100%;}
	.localization-cnt{float: none; width: 100%; font-size: 14px;}
	.localization-cnt p{max-width: 260px;}
	.localization-cnt p.fr{float: none;}
}
@media (max-width: 570px){
	.monitor-item{float: none; width: calc(100% - 60px); height: auto;}
	.monitor-box .monitor-item:first-child{margin: 10px;}
	.monitor-box .monitor-item:last-child{margin: 10px;}
	.monitor-img img{margin-top: 0;}
	.userserver-box li{width: calc(100% - 40px); margin: 20px 20px 40px; float: none;}
}

/*功能介绍*/
.intro-tit-main{width: 100%;}
.intro-common-tit .product-location-tit{font-size: 30px;}
.intro-common-tit .product-location-tit:after{position: absolute; content: ''; top: 75px; left: 25px; width: 1px; height: 51px;  background: #ccc;}
.intro-tit-text{font-size: 16px;color: #000;line-height: 1.8;max-width: 760px;margin:0 auto;}
.intro-tit-tips{width:380px;height: 36px;text-align: center;line-height: 36px;border-radius: 4px;font-size: 30px;color: #3461ae;position: absolute;top:-20px;left:50%;margin-left:-190px;background:#fff;}
.intro-list{width:100%;}
.intro-list li{display: inline-block;width: calc((100% - 316px)/5);margin: 16px 7px 0;padding:0 23px 23px;background:#f1f1f1;border-radius: 6px;cursor: pointer;}
.intro-list li:hover p:first-child{transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);transition: all 2s linear; -webkit-transition: all 0.2s linear;}
.intro-list li p:first-child{text-align: center;height:148px;display: table;width:100%;transform: rotateY(360deg);  -webkit-transform: rotateY(360deg);transition: all 2s linear; -webkit-transition: all 0.2s linear;}
.intro-list li p:first-child span{display: table-cell;vertical-align:middle;}
.intro-list li p:last-child{width:100%;height:80px;overflow:hidden;font-size: 13px;color: #333;line-height: 1.6;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

.intro-last-box{width: calc(100% - 188px);margin:0 auto;height: 90px;border:2px solid #dddddd;border-bottom: none;position: relative;top:18px;margin-top:70px;}
.arrow-up-box{width:48px;height:48px;border:1px solid #ddd;border-radius: 50%;text-align: center;box-shadow: 0 0 10px #ddd;position: absolute;top:27px;left:50%;margin-left:-24px;}
.arrow-up-box i{margin-top:18px;}
@media (max-width: 1200px){
	.intro-list li{width: calc((100% - 254px)/4);}
}
@media (max-width: 1000px){
	.intro-list li{width: calc((100% - 200px)/3);}
}
@media (max-width: 768px){
	.intro-list li{width: calc((100% - 130px)/2);}
}
@media (max-width: 500px){
	.intro-list li{width: calc(100%);}
}


.intro-target img{width:100%;}
.intro-common-box{margin: 50px 0 96px;}
.flm{float: left;margin-right: 22px;}
.frm{float: right;margin-left: 22px;}
.intro-box-left{width: calc(35% - 22px);} 
.intro-box-right{width: calc(65% - 22px);position: relative;}
.intro-box-right >img{width: 100%;}
.intro-intel-tit{position: relative;}
.intel-p1{display: table;}
.intel-p1 span{display: table-cell;vertical-align:middle;}
.intel-p1 span:first-child{font-size: 48px;color:#a9a9a9;font-weight: bold;font-style: oblique;}
.intel-p1 span:last-child{font-size: 24px;color:#000;text-indent: 0.5em;}
.intel-p2{display:block;width:125px;height:34px;color:#000;font-size: 16px;text-align: center;line-height: 34px;border:1px solid #4587ff;border-radius: 17px;position: absolute;top: 14px;right: 6px;text-decoration:none;}
.intel-p2:hover{background: #4587ff;color:#fff;}
.intro-intel-list li{text-indent: 2em;font-size: 14px;color: #333;line-height: 2;}
.intro-float-img{position: absolute;bottom:-20;width:600px;height:180px;right:-300px;z-index: 1}
.intro-float-img li,.intro-float-img2 li{position:relative;float:left;width:270px;height:180px; border: 2px solid #97b6ef;border-radius: 8px;box-shadow: 0 0 20px #ddd;cursor: pointer;}
.intro-float-img li:first-child{background: url(../images/product/btso/t_rl.jpg) no-repeat; background-size: 100%;}
.intro-float-img li:last-child{background: url(../images/product/btso/t_xn.jpg) no-repeat; background-size: 100%;margin-left:20px;}
.intro-float-img li p,.intro-float-img2 li p{    border-top-right-radius: 5px;    border-top-left-radius: 5px;;color: #FFF;font-size: 18px;text-align: center;padding-top:7px;padding-bottom: 7px;background: rgba(98,121,162,0.8);}
.intro-float-img2{position: absolute;bottom:0;width:600px;height:180px;left:-250px;z-index: 1}
.intro-float-img2 li:first-child{background: url(../images/product/btso/t_yj.jpg) no-repeat; background-size: 100%;}
.intro-float-img2 li:last-child{background: url(../images/product/btso/t_kj.jpg) no-repeat; background-size: 100%;margin-left:20px;}
.intro-float-img li .overlay,.intro-float-img2 li .overlay{position: absolute; left: 0; right: 0px; top: 0px; bottom: 0; opacity: 0; display: hidden; border-radius: 5px; background-color: #000000; cursor: pointer; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; overflow: hidden;}
.intro-float-img li .overlay i,.intro-float-img2 li .overlay i{position: absolute; color: #fff; font-size: 22px; top: 40%; left: 50%; padding: 0; margin: 0; margin-top: -16px; margin-left: -14px;}
.intro-float-img li .overlay div.name,.intro-float-img2 li .overlay div.name{color: #fff; position: absolute; width: calc(100% - 10px); text-align: center; bottom: -25px; right: 0; padding: 5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.intro-float-img li:hover,.intro-float-img2 li:hover{cursor: pointer;}
.intro-float-img li:hover .overlay,.intro-float-img2 li:hover .overlay{opacity: 0.75;}
.intro-float-img li:hover .overlay div.name,.intro-float-img2 li:hover .overlay div.name{bottom: 60px;}


@media (max-width: 1200px){
	.intro-box-left{width: calc(35% - 22px);} 
	.intro-box-right{width: calc(65% - 22px);margin-top:30px;}
}
@media (max-width: 1000px){
	.intro-box-left{width: calc(100%);} 
	.intro-box-right{width: calc(100%);margin-top:30px;}
	.intro-float-img{right:0;}
	.intro-float-img2{left:0;}

}

/*典型用例*/
.intro-used-main{margin:0 auto;}
.intro-used-main .product-location-tit{font-size:30px;max-width: 1120px;margin-left:auto;margin-right:auto;}
.intro-used-titext{font-size:15px;color:#333;line-height: 1.8;text-indent: 2em;padding: 0 25px;}
.intro-used-common{margin-top:50px;}
.intro-used-question{width: calc(40% - 38px);padding: 0 0 0 38px;}
.used-qst-btn{width:105px;height:49px;text-align: center;line-height: 49px;font-size: 20px;color: #fff;border-radius: 6px;background: #e82424;cursor: pointer;}
.used-qst-list{margin-top: 50px;padding-right:38px;}
.used-qst-list li{display: table;margin-bottom:38px;padding:5px 0;}
.used-qst-list li p{display: table-cell;vertical-align: middle;}
.used-qst-logo{width:55px;height:55px;background: #b8b8b8;text-align: center;border-radius: 50%;cursor: pointer;}
.used-qst-logo:hover{background: #009daf;}
.used-qst-logo img{margin-top:8px;}
.used-ask-logo{width:70px;}
.used-ask-logo img:hover{transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);transition: all 2s linear; -webkit-transition: all 0.2s linear;}
.used-ask-logo img{width:100%;transform: rotateY(360deg);  -webkit-transform: rotateY(360deg);transition: all 2s linear; -webkit-transition: all 0.2s linear;}
.used-ask-logo span{color:#333;font-size: 16px;display: block;}
.used-qst-text{font-size: 15px;color:#000;height:40px;padding-left:14px;overflow: hidden;}
.intro-used-ask{width: calc(60%);}
.used-ask-btn{background: #0bb648;margin-bottom: 46px;margin-left:48px;cursor: pointer;}
.used-ask-list{border-left:1px solid #e6e6e6;padding-left: 48px;padding-right:15px;border-left:1px solid #e6e6e6;}
.used-ask-list li{display: table;}
.used-ask-list li p{display: table-cell;vertical-align: middle;}
.used-ask-text{font-size: 15px;color:#333;padding-left:20px;padding-right:20px;line-height: 1.6;height:88px;overflow: hidden;}
.used-large-img{margin-top:75px;}
.used-large-img img{width:100%;height:auto;}
.intro-used-askR li{margin-top:10px;}

.last-qst-list li{padding: 18px 0;}
.last-ask-list li{padding:10px 0;}
.d-largin-img p{overflow: hidden;}
.d-largin-img p img{width:50%;float:left;box-sizing:border-box;padding:10px;}
.o-largin-img{width:100%;}
.o-largin-img img{display:block;width:80%;margin:0 auto;}

@media (max-width: 1000px){
	.intro-used-question{width: calc(100% - 76px);padding: 0 38px;}
	.intro-used-ask{width: calc(100%);}
	.used-ask-list{border:none;}
}


